import p from"./dropWrap.js";import{P as m}from"./prism.js";/* empty css      */import{d as h,e as o,o as f,n as S,a as i,P as g,Q as x,R as t,$ as e,X as l,a4 as k,S as c,K as r,a5 as C}from"./elementPlusModules.js";import"./index.js";import"./vxeTableModules.js";import"./lodashModules.js";const N=t("div",null,[t("a",{target:"_blank",href:"https://element-plus.org/zh-CN/component/steps.html"},"https://element-plus.org/zh-CN/component/steps.html ")],-1),y=t("div",{class:"hr das"},null,-1),b={class:"language-js"},B=t("div",{class:"hr das"},null,-1),P={style:{height:"300px"}},V={class:"language-js"},Q=h({__name:"steps",setup(j){const a=o(0),u=()=>{a.value++>2&&(a.value=0)};let _=o(`
    <el-steps :active="active" finish-status="success">
      <el-step title="Step 1" />
      <el-step title="Step 2" />
      <el-step title="Step 3" />
    </el-steps>

    const active = ref(0)

    const next = () => {
     if (active.value++ > 2) active.value = 0
    }
    `),d=o(`
    <el-steps direction="vertical" :active="1">
      <el-step title="Step 1" />
      <el-step title="Step 2" />
      <el-step title="Step 3" />
    </el-steps>

    const active = ref(0)

    const next = () => {
     if (active.value++ > 2) active.value = 0
    }
    `);return f(()=>{S(()=>{m.highlightAll()})}),(z,T)=>{const s=i("el-step"),n=i("el-steps"),v=i("el-button");return g(),x(C,null,[N,y,t("div",null,[e(n,{active:a.value,"finish-status":"success"},{default:l(()=>[e(s,{title:"Step 1"}),e(s,{title:"Step 2"}),e(s,{title:"Step 3"})]),_:1},8,["active"]),e(v,{style:{"margin-top":"12px"},onClick:u},{default:l(()=>[k("Next step")]),_:1})]),e(p,{key:"oreo"},{default:l(()=>[t("pre",null,[t("code",b,c(r(_))+" ",1)])]),_:1}),B,t("div",P,[e(n,{direction:"vertical",active:a.value},{default:l(()=>[e(s,{title:"Step 1"}),e(s,{title:"Step 2"}),e(s,{title:"Step 3"})]),_:1},8,["active"])]),e(p,{key:"oreo"},{default:l(()=>[t("pre",null,[t("code",V,c(r(d))+" ",1)])]),_:1})],64)}}});export{Q as default};
